<!DOCTYPE html>
<html>
   <head>
      <title>Rental Application</title>
      <link rel="shortcut icon" href="icon.png" />
      <script type="text/javascript" src="../lib/ucsv-1.1.0.js"></script>
      <script type="text/javascript" src="rentap.js"></script>
      <link rel="stylesheet" media="print" href="rentap-print.css">
      <link rel="stylesheet" media="screen" href="rentap-screen.css">
   </head>
   <body>
   <form>
      <input type="submit" class="defaultsink" onClick="javascript:doNothing(event)" name="COMMAND" value="DoNothing" />
      <table id=rentapheader>
         <tr>
            <td>
               <img src="icon.png">
            </td>
            <td>
               <img id="goforward" src="go-forward.png" onClick="javascript:goForwardButton();">
               <input type="text" id="rentaladdress" value="enter rental address"/>
               <input type="text" id="rentalcitystzip" value="enter city, state, zip"/>
            </td>
            <td id=tdrtitle>
               <input type="text" id="mode" value="" class="inlineshort" readonly/>
               <input type="text" id="rtitle" value="enter title"/>
            </td>
            <td>
               <label for="authdate" class="smalllabelinput">Applied</label>
               <input type="text" id="authdate" value="" />
               <div style="font: 12px/14px sans-serif; display:inline; position: relative; top: -10px;">
               Row:</div> <input type="text" id="rowprint" value="" readonly/> <br>
               <div style="font: 12px/14px sans-serif; display:inline; position: relative; top: -10px;">
               ID:</div> <input type="text" id="rentapID" value="" readonly/>
            </td>
            <td>
               <label for="guestdate" class="smalllabelinput">Guest</label>
               <textarea id="guestdate" cols="8" rows="2"></textarea>
            </td>
            <td>
               <label for="rentdate" class="smalllabelinput">Rented</label>
               <textarea id="rentdate" cols="8" rows="2"></textarea>
            </td>
            <td id="headercontrols">
               <input type="text" id="headername" class="inline"/>
               <div id="saverheaderbutton" class="inline" title="Save New Header"></div>
               <div id="editheaderbutton" class="inline" title="Save Edited Header"></div>
               <div id="delrheaderbutton" class="inline" title="Delete Header"></div>
               <div id="listheadermenu" class="inline"></div>
               <div id="defaultheaderbutton" class="inline" title="Set as default header shown on start"></div>
            </td>
         </tr>
      </table>
      <script type="text/javascript">
         var sel = document.createElement("select");
         var opt0 = document.createElement("option");
         opt0.text = "Choose Header";
         sel.add(opt0, null);
         document.getElementById("listheadermenu").appendChild(sel); //put the dropdown menu list on the page
      </script>
      <table id=rentapbody>
         <tr>
         <td>
            <ul>
               <li class="section_header">
                  <strong>Personal Information</strong>
               </li>
               <li>
                  <label for="fullname" class="personalinfo">Full Name</label>
                  <input type="text" id="fullname" value="" />
               </li>
               <li>
                  <label for="ssnumber" class="personalinfo">Social Security Number</label>
                  <input type="text" id="ssnumber" value="" />
               </li>
               <li>
                  <label for="birthdate" class="personalinfo"">Birth Date</label>
                  <input type="text" id="birthdate" value="" />
               </li>
               <li>
                  <label for="maritalstatus" class="personalinfo">Marital Status</label>
                  <input type="text" id="maritalstatus" value="" />
               </li>
               <li>
                  <label for="email" class="personalinfo">Email</label>
                  <input type="text" id="email" value="" />
               </li>
               <li>
                  <label for="stateid" class="personalinfo">State ID#</label>
                  <input type="text" id="stateid" value="" />
               </li>
               <li>
                  <label for="phone1" class="personalinfo">Phone 1</label>
                  <input type="text" id="phone1" value="" />
               </li>
               <li>
                  <label for="phone2" class="personalinfo">Phone 2</label>
                  <input type="text" id="phone2" value="" />
               </li>
               <li>
                  <label for="currentaddress" id="currentaddresslabel"><strong>Current Address, City, State, Zip, Dates, Rent, Landlord name and phone number </strong></label>...
                  <textarea id="currentaddress"></textarea>
               </li>
               <li>
                  <label for="previousaddresses"><strong>Prior Addresses, Cities, States, Zips, Dates, Rents, Landlords </strong></label>...
                  <textarea id="previousaddresses"></textarea>
               </li>
            </ul>
         </td>
         <td>
            <ul >
               <li>
                  <label for="occupants"><strong>Proposed Occupants: self+age, other+age </strong></label>...
                  <textarea id="occupants"></textarea>
               </li>
               <li>
                  <label for="pets"><strong>Proposed Pets</strong></label>
                  <textarea id="pets"></textarea>
               </li>
               <li>
                  <label for="income"><strong>Income &amp Food Stamps</strong></label>
                  <textarea id="income"></textarea>
               </li>
               <li>
                  <label for="employment"><strong>Employment: address, job, dates, hours, supervisor name and phone number</strong></label>...
                  <textarea id="employment"></textarea>
               </li>
            </ul>
         </td>
         <td>
            <ul>
               <li>
                  <label for="evictions"><strong>Evictions Past 10 Years</strong></label>
                  <textarea id="evictions"></textarea>
               </li> 
               <li>
                  <label for="felonies"><strong>Felonies/Drug Convictions</strong></label>
                  <textarea id="felonies"></textarea>
               </li>
               <li>
                  <label style="position: relative; top: 7px;"><strong>Applicant Authorization</strong></label>
                  <div style="position: relative; top: 7px;">
                     Applicant authorizes the landlord to
                     contact past and present landlords,
                     employers, and any other sources deemed 
                     necessary. All information is true, 
                     accurate, and complete to the best of 
                     applicant's knowledge. 
                     ANY PERSON IS AUTHORIZED TO RELEASE INFORMATION 
                     ABOUT THE UNDERSIGNED
                  </div>
                  <div style="position: relative; top: 36px;">
                     Sign _________________ Date ________
                  </div>
                  <div style="position: relative; top: 70px;">
                     Print ______________________________ 
                  </div>    
               </li>
            </ul>
         </td>
         <td id="controls">
            <ul>
               <li>
                  <div id="savebutton" class="inline"></div>
                  <div id="restorebutton" class="inline" style="padding-left:20px"></div>
                  <a id="new" href="rentapfirst.html" style="font: 12px/14px sans-serif; padding-left:20px">New</a>
                  <div id="discardbutton" class="inline" style="padding-left:20px"></div>
                  <div id="delrentapbutton" class="inline" style="padding-left:20px"></div>
                  <div id="trashbutton" class="inline" style="padding-left:20px"></div>
                  <div id="backbutton" class="inline" style="padding-left:20px"></div>
               </li>
               <li>
                  <a href="http://rentap.comyr.com/rentap-translate.html" style="font: 12px/14px sans-serif; text-align:center">
                     Print a Blank Application and Instructions by Example in another language.</a>
               </li>
               <li>
                  <div style="padding:14px">
                  <label for="rownumber" style="min-width:125px; text-align:right; position:relative; top:+16px;">-  row  -</label>
                  <label for="idnumber" style="min-width:78px; text-align:right; position:relative; top:+16px;">-  ID  -</label>
                  </div>
               </li>
               <li>
                  <div id="prevbutton" class="inline"></div>
                  <input id="prevbutton" type="button" class="inlinebutton" onClick="javascript:prevButton();" value="Prev"/>
                  <input id="nextbutton" type="button" class="inlinebutton" onClick="javascript:nextButton();" value="Next"/>
                  <input type="text" id="row" class="inline" style="text-align: right;" value="" />
                  <input type="text" id="rownumber" onfocus="javascript:setClickButton('row')" onkeydown="return processKey(event)" class="inline" title="Jump to 0 to find printable instructions for applicants." value=""/>
                  <input type="text" id="id" class="inline" style="text-align: right;" value="" />
                  <input type="text" id="idnumber" onfocus="javascript:setClickButton('id')" onkeydown="return processKey(event)" class="inline" title="Jump to 0 to find printable instructions for applicants." value=""/>
                  <input id="jumpbutton" type="button" class="inlinebutton" onClick="javascript:jumpButton();" value="Go"/>
                  <input type="text" id="findname" onfocus="javascript:setClickButton('search')" onkeydown="return processKey(event)" title="Hint: Use &quot; to search names only. For example, &quot;d, for names starting with D." value="" />
                  <input id="searchbutton" type="button" class="inlinebutton" onClick="javascript:searchButton();" value="Search" title="Click while empty to clear previous search and list all names."/>
                  <div id="listsearchmenu" class="inline"></div>
               </li>
               <li>
                  <div style="padding:8px" />
               </li>
               <li>
                  <strong>Printing</strong> Either ctrl-p or (Hamburger Menu)->Print... Set <em>Page Setup, Paper Orientation</em>
                   to <strong>Landscape</strong>. Experiment with Scale. Set <em>Options, headers and footers</em> to what you want.
               </li>
               <li>
                  <input id="toggleBordersButton" type="button" class="inlinewidebutton" onClick="javascript:toggleBorders();" value="Toggle Borders"/>
               </li>
               <li>
                  <div style="padding:8px" />
               </li>
               <li>
                  <input id="generateCsvButton" type="button" class="inlinewidebutton" onClick="javascript:setCSVInsertText();" value="Generate CSV"/>
                  <input id="importCsvButton" type="button" class="inlinewidebutton" onClick="javascript:importCSV();" value="Import CSV"/>
                  <textarea id="csv" cols="24" rows="6"></textarea>
                  <div id="copyCSVdataButton" class="inline"></div>
                  <input id="clearCSVbutton" type="button" class="inlinewidebutton" onClick="javascript:clearCSV();" value="Clear CSV"/>
               </li>
               <li>
                  <div style="padding:14px" />
               </li>
               <li>
                  <input id="SQLbutton" type="button" class="button" class="inlinebutton" onClick="javascript:setSqlInsertText();" value="Generate SQL"/>
                  <div id="copySQLtextButton" class="inline"></div>
                  <textarea id="SQL" cols="24" rows="6"></textarea>
               </li>
            </ul>
         </td>
      </tr>
      </table>
      <script type="text/javascript">
         trashButton(); // if not already viewing a discard, put trash button on page to view discards
         backButton();  // if viewing a discard, put back button on page to get back to non-discarded rentaps
         var searchSel = document.createElement("select");
         var chooseName = document.createElement("option");
         chooseName.text = "Choose Name";
         searchSel.add(chooseName, null);
         document.getElementById("listsearchmenu").appendChild(searchSel); //put the dropdown menu list on the page
      </script>
   </form>
   </body>
   <script type="text/javascript">
      restoreState();
   </script>
</html>
